<%--
  Created by IntelliJ IDEA.
  User: 86131
  Date: 2024/5/20
  Time: 15:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <script src="js/axios.min.js"></script>
</head>
<body>
   <button id="btn1">get点击</button>
   <button id="btn2">post点击</button>
   <button id="btn3">put点击</button>
   <button id="btn4">delete点击</button>
</body>
<script>
    document.getElementById("btn1").onclick=function (){
        var obj={};
        axios({
            // 请求方式
            method: 'get',
            url: 'user/1',
            // 传递参数 data使用流发送数据 params台servlet可以直接获取
            data: obj,
            //响应的数据格式 默认就是json 可以省略
            responseType: 'text'
        }).then(response => {
            // 请求成功
            let res = response.data;
            console.log(res);
        }).catch(error => {
            // 请求失败，
            console.log(error);
            // 一般不用
        });

    }

    document.getElementById("btn2").onclick=function (){
        var obj={id:2,name:"王五"};
        axios({
            // 请求方式
            method: 'post',
            url: 'user',
            // 传递参数 data使用流发送数据 params台servlet可以直接获取
            data: obj,
            //响应的数据格式 默认就是json 可以省略
            responseType: 'json'
        }).then(response => {
            // 请求成功
            let res = response.data;
            console.log(res);
        }).catch(error => {
            // 请求失败，
            console.log(error);
            // 一般不用
        });
    }


    document.getElementById("btn3").onclick=function (){
        var obj={id:2,name:"王五⑤"};
        axios({
            // 请求方式
            method: 'put',
            url: 'user',
            // 传递参数 data使用流发送数据 params台servlet可以直接获取
            data: obj,
            //响应的数据格式 默认就是json 可以省略
            responseType: 'json'
        }).then(response => {
            // 请求成功
            let res = response.data;
            console.log(res);
        }).catch(error => {
            // 请求失败，
            console.log(error);
            // 一般不用
        });
    }

    document.getElementById("btn4").onclick=function (){
        var obj={};
        axios({
            // 请求方式
            method: 'delete',
            url: 'user/4',
            // 传递参数 data使用流发送数据 params台servlet可以直接获取
            data: obj,
            //响应的数据格式 默认就是json 可以省略
            responseType: 'text'
        }).then(response => {
            // 请求成功
            let res = response.data;
            console.log(res);
        }).catch(error => {
            // 请求失败，
            console.log(error);
            // 一般不用
        });
    }
</script>
</html>
